.bgRelations
{	
	background-image: url('/Style Library/balamand_files_/earth.jpg'); 
	background-repeat: no-repeat; 
	background-position: top center;
	width: 100%;
    height: 100%; /*coz does not appear on mobile */
	background-size: cover;
	padding: 100px 0px 200px 0px;
}	

.RelationsTitle
{	
	font-size: 1.25vw; 
	font-family: ‘Roboto’, sans-serif;
	vertical-align:baseline; 
	font-weight: 500; 
	color: #135c8f; 
	text-transform: uppercase; 
	padding-bottom: 10px;
	text-align: center;
}	

.RelationsTitleShort
{	
	font-size: 1.25vw; 
	font-family: ‘Roboto’, sans-serif;
	vertical-align:baseline; 
	font-weight: 500; 
	color: red; 
	text-transform: uppercase; 
	padding-top: 1.25vw;
	padding-bottom: 10px;
	text-align: center;
}	


.RelationsDesc
{	
	font-size: 0.9vw; 
	font-family: ‘Roboto’, sans-serif; 
	
	color: #3b3b3b; 
	padding: 17px; 
	text-align: center;
}

.RelationsMore, .RelationsMore:hover, .RelationsMore:visited, .RelationsMore:active, .RelationsMore:link, .RelationsMore:focus
{	
	font-size: 0.83vw; 
	font-family: ‘Roboto’, sans-serif; 
	text-decoration: underline; 
	color: #3b3b3b; 
	text-align: center;
	padding-top: 15px;
}


.hline-bottom {
   background-image: url('/Style%20Library/Images/YellowSep.jpg');
	background-repeat: no-repeat; 
	background-position: center center;
	padding: 5px 0px 15px 0px;
}